<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>goodtick</title>
<link rel="stylesheet" href="css/goodtick.css"  type="text/css" />
</head>
<body>
<div class="wapper">
  <div class="header">
    <h1 class="logo"><a href="#"><img src="images/logo.png" /></a></h1>
    <div class="top-nav f14">
      <div class="fackbook fr pl20"><a href="#"><img src="images/f-header.png" alt="" /></a></div>
      <div class="place fr"><a href="#"><span class="fl icon"><img src="images/ico-header.png" alt="" /></span>香港</a>|<a href="#">其他地區 Other Region</a></div>
    </div>
    <div class="search clearfix">
      <input type="text" class="txt-input fl" value="輸入活動名稱或類別..."/>
      <div class="select-box fl">
        <input type="text" class="fl select-txt s-1" value="日期" />
        <a href="#" class="ico"><img src="images/select-ico.png" /></a></div>
      <div class="select-box fl">
        <input type="text" class="fl select-txt s-2" value="活動類別" />
        <a href="#" class="ico"><img src="images/select-ico.png" /></a></div>
      <div class="select-box fl">
        <input type="text" class="fl select-txt s-3" value="地區" />
        <a href="#" class="ico"><img src="images/select-ico.png" /></a></div>
      <div class="btn fl"><a href="#">搜索</a></div>
    </div>
    <div class="nav fr f14">
      <ul>
        <li><a href="#">首頁</a></li>
        <li><a href="#">搜索活動</a></li>
        <li><a href="#">好友喜爱</a></li>
        <li><a href="#">關於我們</a></li>
      </ul>
    </div>
  </div>
  <div class="content">
    <!--detail-->
    <div class="detail-holder clearfix">
      <div class="detail-con">
        <div class="d-top"></div>
        <div class="d-con">
          <div class="d-path1 pb10">
            <h3 class="listItem">活動詳情</h3>
            <div class="d-txtCon">
              <div class="d-txt-top"></div>
              <div class="img-show">
                <div class="img-box">
                  <div class="img"><img src="images/img-199x263.png" /><a href="#" class="img-big"><img src="images/img-big.png" /></a></div>
                  <p><a href="#">座位表</a></p>
                </div>
                <div class="img-box">
                  <div class="img"><img src="images/img-199x255.png" /><a href="#" class="img-hd-big"><img src="images/img-hb-big.png" /></a></div>
                </div>
              </div>
              <div class="hd-txtCon">
                <h3 class="title f18">何韻詩x蕭敬騰異人世界演唱會2012</h3>
                <table cellpadding="0" cellspacing="0" class="f14">
                  <tr>
                    <td width="90" valign="top">活動地點：</td>
                    <td width="270"><a href="#">香港會展覽中心展覽廳5BC</a></td>
                  </tr>
                  <tr>
                    <td valign="top">主辦單位：</td>
                    <td>Full House</td>
                  </tr>
                  <tr>
                    <td valign="top">活動主題：</td>
                    <td>演唱會</td>
                  </tr>
                  <tr>
                    <td valign="top">演出時間：</td>
                    <td>約120分鐘（不設中場休息）</td>
                  </tr>
                  <tr>
                    <td valign="top">日期：</td>
                    <td>2012年7月6日（星期五）晚上8時15分/<br/>
                      2012年7月7日（星期六）晚上8時15分 </td>
                  </tr>
                  <tr>
                    <td valign="top">票價：</td>
                    <td>$680 $480 $280</td>
                  </tr>
                </table>
                <div class="btn"><a href="#"><img src="images/detail-d-btn.png" /></a></div>
                <div class="txt f14">
                  <p>活動搖滾移動 異地相逢<br/>
                    音樂異人 異象角力<br/>
                    台灣實力派人氣王 蕭敬騰 + 香港實力 派氣質天后化學Crossover Rock爆會展。 </p>
                  <p> 每人限購8張門票。所有購票者必須遵守此門票限額。如果購票數目超過限額，大會保留取消門票得權利，恕不另行通知。此限制并包括重複購票使用相同姓名，地址或信用卡。 </p>
                </div>
                <div class="vedio"><img src="images/vedio-img.png" /></div>
              </div>
              <div class="clear"></div>
              <div class="d-txt-btm"></div>
            </div>
            <div class="more-info clearfix">
              <ul>
                <li><a href="#"><img src="images/detail-fz.png" /></a></li>
                <li>
                  <div class="d-more-l"></div>
                  <div class="d-more-con"><a href="#">3,247</a></div>
                  <div class="d-more-r"></div>
                </li>
                <li><a href="#"><img src="images/detail-tweet.png" /></a></li>
                <li>
                  <div class="d-more-l"></div>
                  <div class="d-more-con"><a href="#">3</a></div>
                  <div class="d-more-r"></div>
                </li>
                <li><a href="#"><img src="images/detail-g+1.png" /></a></li>
                <li>
                  <div class="d-more-l"></div>
                  <div class="d-more-con"><a href="#">5</a></div>
                  <div class="d-more-r"></div>
                </li>
              </ul>
            </div>
          </div>
          <div class="d-path2 pb10">
            <h3 class="listItem">留言</h3>
            <div class="d-txtCon">
              <div class="d-txt-top"></div>
              <div class="ly-holder">
                <div class="ly-title pb10 f14">
                  <div class="ly-ts ml20 fl"><a href="#">20個留言</a></div>
                  <div class="more fr"><a href="#">新增留言</a></div>
                  <div class="clear"></div>
                </div>
                <div class="ly-list">
                  <ul>
                    <li class="clearfix">
                      <div class="img"><a href="#"><img src="images/img-50x50.jpg" /></a></div>
                      <div class="txt-box">
                        <h4 class="title"><a href="#">Joyce Tse</a></h4>
                      </div>
                      <div class="txt">
                        <p>Lam sin yin</p>
                      </div>
                      <div class="l-tool"><a href="#">回覆</a> <a href="#"><img src="images/detai-ly-icon.png" />3</a> <a href="#">贊好</a> <a href="#">追蹤貼文</a> <span class="datd">5月14日 14:26</span></div>
                    </li>
                    <li class="clearfix">
                      <div class="img"><a href="#"><img src="images/img-50x50.jpg" /></a></div>
                      <div class="txt-box">
                        <h4 class="title"><a href="#">Joyce Tse</a></h4>
                      </div>
                      <div class="txt">
                        <p>Lam sin yin</p>
                      </div>
                      <div class="l-tool"><a href="#">回覆</a> <a href="#"><img src="images/detai-ly-icon.png" />3</a> <a href="#">贊好</a> <a href="#">追蹤貼文</a> <span class="datd">5月14日 14:26</span></div>
                    </li>
                    <li class="clearfix">
                      <div class="img"><a href="#"><img src="images/img-50x50.jpg" /></a></div>
                      <div class="txt-box">
                        <h4 class="title"><a href="#">Joyce Tse</a></h4>
                      </div>
                      <div class="txt">
                        <p>Lam sin yin</p>
                      </div>
                      <div class="l-tool"><a href="#">回覆</a> <a href="#"><img src="images/detai-ly-icon.png" />3</a> <a href="#">贊好</a> <a href="#">追蹤貼文</a> <span class="datd">5月14日 14:26</span></div>
                    </li>
                    <li class="clearfix">
                      <div class="img"><a href="#"><img src="images/img-50x50.jpg" /></a></div>
                      <div class="txt-box">
                        <h4 class="title"><a href="#">Joyce Tse</a></h4>
                      </div>
                      <div class="txt">
                        <p>Lam sin yin</p>
                      </div>
                      <div class="l-tool"><a href="#">回覆</a> <a href="#"><img src="images/detai-ly-icon.png" />3</a> <a href="#">贊好</a> <a href="#">追蹤貼文</a> <span class="datd">5月14日 14:26</span></div>
                    </li>
                    <li class="clearfix">
                      <div class="img"><a href="#"><img src="images/img-50x50.jpg" /></a></div>
                      <div class="txt-box">
                        <h4 class="title"><a href="#">Joyce Tse</a></h4>
                      </div>
                      <div class="txt">
                        <p>Lam sin yin</p>
                      </div>
                      <div class="l-tool"><a href="#">回覆</a> <a href="#"><img src="images/detai-ly-icon.png" />3</a> <a href="#">贊好</a> <a href="#">追蹤貼文</a> <span class="datd">5月14日 14:26</span></div>
                    </li>
                    <li class="clearfix">
                      <div class="img"><a href="#"><img src="images/img-50x50.jpg" /></a></div>
                      <div class="txt-box">
                        <h4 class="title"><a href="#">Joyce Tse</a></h4>
                      </div>
                      <div class="txt">
                        <p>Lam sin yin</p>
                      </div>
                      <div class="l-tool"><a href="#">回覆</a> <a href="#"><img src="images/detai-ly-icon.png" />3</a> <a href="#">贊好</a> <a href="#">追蹤貼文</a> <span class="datd">5月14日 14:26</span></div>
                    </li>
                  </ul>
                </div>
                <div class="list-more"><a href="#">檢視另外14個</a></div>
                <div class="ly-more-tool"><img class="fl" src="images/detai-ly-f.png" /><a href="#">facebook 社群外掛元件</a></div>
              </div>
              <div class="d-txt-btm"></div>
            </div>
          </div>
          <div class="d-path3 pb10">
            <h3 class="listItem">其他相關活動</h3>
            <div class="d-txtCon">
              <div class="d-txt-top"></div>
              <div class="order-list">
                <div class="s-left"><a href="#"><img src="images/banner-left.png" /></a></div>
                <div class="s-list clearfix">
                  <ul>
                    <li><a href="#"><img src="images/img-115x115.jpg" /></a></li>
                    <li><a href="#"><img src="images/img-115x115.jpg" /></a></li>
                    <li><a href="#"><img src="images/img-115x115.jpg" /></a></li>
                    <li><a href="#"><img src="images/img-115x115.jpg" /></a></li>
                    <li><a href="#"><img src="images/img-115x115.jpg" /></a></li>
                    <li><a href="#"><img src="images/img-115x115.jpg" /></a></li>
                  </ul>
                </div>
                <div class="s-right"><a href="#"><img src="images/banner-right.png" /></a></div>
              </div>
              <div class="d-txt-btm"></div>
            </div>
          </div>
        </div>
        <div class="d-btm"></div>
      </div>
      <div class="banner-list">
        <div class="l-banner"><a href="#"><img src="images/right-banner.png" alt="" /></a></div>
        <div class="l-dx-list">
          <h3 class="title"><span>好友動向</span></h3>
          <div class="pt-list clearfix">
            <ul>
              <li class="clearfix">
                <div class="img"><a href="#"><img src="images/img-70x70.jpg" /></a></div>
                <div class="txt"><a href="#">Bjork Chu</a> shared <a href="#">Lady Gaga - The Born This Way Ball</a>. · about a week ago</div>
              </li>
              <li class="clearfix">
                <div class="img"><a href="#"><img src="images/img-70x70.jpg" /></a></div>
                <div class="txt"><a href="#">Bjork Chu</a> shared <a href="#">Lady Gaga - The Born This Way Ball</a>. · about a week ago</div>
              </li>
              <li class="clearfix">
                <div class="img"><a href="#"><img src="images/img-70x70.jpg" /></a></div>
                <div class="txt"><a href="#">Bjork Chu</a> shared <a href="#">Lady Gaga - The Born This Way Ball</a>. · about a week ago</div>
              </li>
              <li class="clearfix">
                <div class="img"><a href="#"><img src="images/img-70x70.jpg" /></a></div>
                <div class="txt"><a href="#">Bjork Chu</a> shared <a href="#">Lady Gaga - The Born This Way Ball</a>. · about a week ago</div>
              </li>
              <li class="clearfix">
                <div class="img"><a href="#"><img src="images/img-70x70.jpg" /></a></div>
                <div class="txt"><a href="#">Bjork Chu</a> shared <a href="#">Lady Gaga - The Born This Way Ball</a>. · about a week ago</div>
              </li>
            </ul>
          </div>
        </div>
        <div class="r-more-banner"><a href="#"><img src="images/detail-f-banner.png" /></a></div>
      </div>
    </div>
    <!--detail end-->
  </div>
  <div class="footer"><a href="#">關於我們</a><a href="#">免責條款</a><a href="#">廣告查詢</a></div>
</div>
</body>
</html>